<template name="paginationAre">
    <div class="display flow PaginationAre">
        <el-pagination
            background
            layout="total,prev, pager, next"
            :total="total"
            :page-size="$store.state.pageNum"
            @current-change="currentChange">
        </el-pagination>
    </div>
</template>

<script>
export default {
    name: "paginationAre",
    props: ['total'],
    created(){
        // console.log(this.$store.state.pageNum);
    },
    methods: {
        currentChange:function(currentPage){
            // console.log(currentPage)
            this.$emit('currentChange',currentPage)
        },
    }
}
</script>

<style>
    .PaginationAre{
        width: 100%;
        justify-content: flex-end;
        margin-top: 20px;
    }

</style>
